/*
 Nome: estiloLayout.css
 Descricao: estilo base do projeto
 Versao: 1.0
 Data: 01/06/11
*/

/* - - - - hack - barra de scroll */

html{overflow-y:scroll;}
<!--[if Opera]>
body{overflow-y:scroll;}


body {
    font:0.8em/1.5 "arial", sans-serif;
    background-color:#eaeaea;
    color:#666;
}

.header{
    height:100px;
    background-color:#097097;
}

/* - - - - Headers */

h1, h2, h3, h4, h6, address, blockquote, dl, ol, p, table{margin:15px 0;}
#conteudo h1 {font-size:180%;}
#conteudo h2 {font-size:160%;}
#conteudo h3 {font-size:140%;}
#conteudo h4 {font-size:120%;}
#conteudo h6 {font-size:100%;}

h1, h2, h3, h4, h5, .font-replace {
    font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
}

h1, h2, h3, h4, h5, .font-replace {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

#conteudo h1 {
    margin:0;
    padding:5px 10px;
    border-bottom:1px solid #EDEDED;
    border-left:4px solid #EDEDED;
    letter-spacing:-1px;
    background: #F7F7F7;
    background: -moz-linear-gradient(left, #F7F7F7 0%, #FFFFFF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F7F7F7), color-stop(100%,#FFFFFF)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#FFFFFF',GradientType=1 ); /* ie */
    background: -o-linear-gradient(left, #F7F7F7 0%,#FFFFFF 100%); /* opera */
}

#conteudo h1 {color:#303030;}
#conteudo h2 {color:#0085cc;}

/* - - - - Listas */

#conteudo ul li {
    margin:3px;
    padding-left:15px;
    background:url("../images/layout_geral/bullet.gif") 0 4px no-repeat;
}

#conteudo ul {
    margin:15px 0;
    list-style:none;
}

#conteudo ul ul {margin:0 0 0 10px;}

#conteudo ul ul li {
    padding-left:20px;
    background:url("../images/layout_geral/bullet2.gif") 0 8px no-repeat;
}

#conteudo ol {
    margin:15px 0 15px 30px;
    list-style-type:decimal;
}

#conteudo ol ol {margin:0 0 0 20px;}

#conteudo ol ol li {list-style-type:lower-alpha;}

/* - - - - - ------------ sem divisao */
#main {min-width:800px; width:expression(document.body.clientWidth < 800? "800px" : "auto" );}
#footer {clear:both; padding:15px; font:85%/1.2 "tahoma",sans-serif; margin-top:120px;}
#footer p {margin:0;}

/* - - - - Colunas
* divisao de divs
*/

#conteudo .col50 {
    float:left;
    width:49%;
}
#conteudo .col33 {
    float:left;
    width:32%;
}
#conteudo .col33.center {
    padding:0 2%;
}

/* - - - - Container Principal (menu + conteudo)*/


/* - - - - Conteudo*/

#conteudo {
    border:1px solid #afafaf;
    background:#fff;
}

/* - - - - Mensagens (info, warning, done, error) */

.msg {
    padding:15px;
    padding-left:55px;
}

.msg.warning {
    background:url("../images/layout_geral/warning.png") 10px 50% no-repeat;
    border:2px solid #F2DD8C;
    background-color:#FFF5CC;
}

.msg.info {
    background:url("../images/layout_geral/info.png") 10px 50% no-repeat;
    border:2px solid #B8E2FB;
    background-color:#E8F6FF;
}

.msg.done {
    background:url("../images/layout_geral/valid.png") 10px 50% no-repeat;
    border:2px solid #BBDF8D;
    background-color:#EAF7D9;
}

.msg.error {
    background:url("../images/layout_geral/error.png") 10px 50% no-repeat;
    border:2px solid #FFAEAE;
    background-color:#FEEBEB;
}

.msg.warning a {color:#df0000;}
.msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}



.logo{
    margin:20px 20px 20px 40px;
    float:left;
}

.usuario{
    background:url(../images/layout_geral/usuario.png) 15px 7px no-repeat;
    background-color: #49A8D7;
    display: inline;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-right: 110px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 133px;
    color:white;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    font-size:12px;
    float:left;
    font-family:Calibri, Arial, Helvetica, sans-serif;
}

.usuarioLogOut{
    margin-left:10px;
    top: 133px;
    color:white;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    font-size:12px;
    background:url(../images/layout_geral/logout.png) 15px 7px no-repeat;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-right: 25px;
    padding-top: 5px;
    position: absolute;
    right: 0;
}





a:active {
    position: relative;
    top: 1px;
}



/*
 *
 *  Formularios
 *
*/

fieldset {
    background:#fff;
    padding:20px;
    border:1px solid #DBDBDB;
    margin-bottom:36px;
    margin-top:20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

legend {
    color:#000;
    font:17px/21px Calibri, Arial, Helvetica, sans-serif;
    padding:0 10px;
    margin:-26px 0 0 -11px;
    font-weight:bold;
}

label {
    font-size:14px;
    font-weight:bold;
    color:#A0A0A0;
    display:block;
    margin-bottom:5px;
}

form{
    margin-top: 10px;
}

input[type="text"]{
    width:400px;
}

input[type="checkbox"]{
    margin-right:5px;
    margin-left:5px;
}

input[type="radio"]{
    margin-right:5px;
    margin-left:5px;
}

form h3{
    font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
    border-bottom:1px solid #A0A0A0;
    color:#666;
    font-weight:bold;
    margin-bottom:20px;
    margin-top:0px;
    padding-top:0px;
    line-height:18px;
}

h3 span{
    display:block;
    font-size:11px;
    color: #A0A0A0;
    font-weight:normal;
    padding-left:2px;
}

.headerAlt{
    padding-left:5px;
    font-size: 16px;
}

.headerLinha{
    margin-top:20px;
    border-bottom:1px solid #ededed;
}

.field{
    margin-bottom: 20px;
    padding-left:10px;
}

ul{
    padding-left:10px;
}


/* - - - - Tabelas*/

table, td{
	font:100% Arial, Helvetica, sans-serif;
}

table{
    width:100%;
    border-collapse:collapse;
    margin:1em 0;
}

th, td{
    text-align:left;
    padding:.5em;
    border:1px solid #fff;
}
th{
    background:#328aa4;
    color:#fff;
}
td{
    background:#e5f1f4;
}

/* tablecloth styles */

tr.even td{background:#e5f1f4;}
tr.odd td{background:#f8fbfc;}

th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

/* - - - - Footer */

.footer{
    margin-top: 100px;
}

.dados_realizacao{
    display:inline;
    margin:0px;
    padding-left: 0px;
}

.dados_realizacao ul{
    border-top: 1px solid #DBDBDB;
    padding-left: 14%;
    padding-top:30px;
}

.dados_realizacao li{
    float:left;
    background-image: none !important;
    margin-left: 8% !important;
}




